<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Framel.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
<link rel="stylesheet" type="text/css" href="css/mylook.css" />

  </head>
  
  <body>
    <h1 align="center">综合展示HTML标记</h1>
    <hr width="60%" align="center">
    <h2 align="center">下面展示表单的应用</h2>
   	<table align="center" border="1" class="table1"
			cellspacing="0" cellpadding="0">
    <tbody>
    
    <tr>
    <td>姓名</td>
    <td>
    <input type="text" name="name">
    </td>    
    </tr>
    
     <tr>
    <td>密码</td>
    <td>
    <input type="password" name="password">
    </td>    
    </tr>
    
    <tr>
    <td>性别</td>
    <td>
    <input type="radio" value="1" name="radio"/>男
    <input type="radio" value="0" name="radio"/>女
    </tr>
    
     <tr>
    <td>水果</td>
    <td>
    <input type="checkbox" value="1" name="checkbox1"/>苹果
    <input type="checkbox" value="2" name="checkbox1"/>香蕉
    <input type="checkbox" value="3" name="checkbox1"/>橘子 
    </tr>
    
    <tr>
    <td>备注</td>
    <td>
    <textarea rows="5" cols="20" ></textarea>
    </td>    
    </tr>
    
     <tr>
    <td>专业</td>
    <td>
     <select name="selectDropDown">
		<option>计算机</option>
		<option>数据结构</option>
		<option>软件工程</option>
	</select>
    </td>    
    </tr>
    
    <tr>
    <td>课程</td>
    <td>
	<select name="mutilist" multiple="multiple">
		<option>计算机</option>
		<option>数据结构</option>
		<option>软件工程</option>
	</select>
    </td>    
    </tr>
    
    <tr>
    <td><input type="submit" value="提交"/></td>
    <td>
    <input type="reset"/ value="重置"/>
    </td>    
    </tr>
    
    </tbody>
    </table>
  </body>
</html>
